@charset "UTF-8";

#section_header { position: relative; }
.header_top {width:100%;display:block;overflow:hidden;background:#333333;border-bottom:1px solid #5e5e5e}
.header_bottom {width:100%;display:block;overflow:hidden;background:#333333;}
.section_inner{width:1200px; margin:0 auto;padding:0;}

.header_top .logo {float:left; }
.header_top .logo a{color:#fff;font-size: 26px;padding: 15px 10px 14px 10px;display: block;font-weight: 100;letter-spacing: -2px;}
.header_top .util {float:right; margin:0px 0 6px 0}
.header_top .util li { position:relative; display:inline-block; line-height:27px; padding:0 3px;}
.header_top .util li a{font-size:13px;padding:7px 5px 7px 5px;display:block;color:#686868}
.header_top .util li:after{content:""; display: block; position:absolute; top:18px; left:0; width:1px; height:9px; background:#464646;}
.header_top .util li:last-child:before {content:""; display: block; position:absolute; top:18px; right:0; width:1px; height:9px; background:#464646;}

.header_top .mobile_menu{display:none;cursor: pointer;}
.header_top .mobile_menu .bar01{width:20px;height:2px;background:#fff;margin:6px auto 0;}
.header_top .mobile_menu .bar02{width:20px;height:2px;background:#fff;margin:6px auto 0;}
.header_top .mobile_menu .bar03{width:20px;height:2px;background:#fff;margin:6px auto 0;}

.header_bottom .gnb_area {}
.header_bottom .gnb_area .gnb_list {position: relative;max-width:1200px;margin:0 auto;overflow:hidden;display:flex; flex-direction:row;justify-content : center;justify-content : space-between}
.header_bottom .gnb_area .gnb_list li{position: relative;flex:1;text-align: center; overflow:hidden;padding:0;}
.header_bottom .gnb_area .gnb_list li a{display: block;text-align:center;margin:0 auto; font-size: 16px; color:#fff; font-weight: 500;padding:10px 0 10px 0; }

.header_bottom .gnb_area .gnb_list li:after{content: ''; position: absolute; top: 00px; left: 0; width: 1px; height: 39px; background: #464646;}
.header_bottom .gnb_area .gnb_list li:last-child:before{content: ''; position: absolute; top: 00px; right: 0; width: 1px; height: 39px; background: #464646;}
.header_bottom .gnb_area .gnb_list .gnb_btn_sel{width:100px;}


@media screen and (min-width: 320px) and (max-width:720px){
	.section_inner{width:100%; margin:0 auto;padding: 0 }
	.header_top .logo a{font-size: 22px;padding: 13px 10px 13px 10px;display: block;}
	.header_top .mobile_menu{float:right;display:block;border:1px solid #fff;width:30px;height:30px;margin:10px;    }
	.header_top .util {display:none;}
	.header_bottom .gnb_area {display:none;}
	
	
	.mobile_gnb_box{position: absolute;display:none;width: 100%;height:100%;left: 0;top: 0;background:#fff;    z-index: 998;}
	.mobile_gnb_box .wrap_menu_list {width:98%;left:1%;position: relative;z-index: 999;padding-top:0px;display:block;overflow:hidden;}
	.mobile_gnb_box .wrap_menu_list li{padding:15px 10px;font-size:16px;text-align:left;color:#444;display:block;overflow:hidden;border-bottom: 1px solid #bfbdbd;    cursor: pointer;}
	.mobile_gnb_box .wrap_menu_list .gnb1depth {background: url(../images/common/arrow_down.png) 96% 55%  no-repeat; background-size: 18px 9px}
	
	.header_top .mobile_menu_close{display:none;cursor: pointer;}
	.header_top .mobile_menu_close .bar01{width:22px;height:2px;background:#fff;margin:15px auto 0;transform: rotate(-45deg);}
	.header_top .mobile_menu_close .bar02{width:22px;height:2px;background:#fff;margin:-2px auto 0;transform: rotate(45deg);}
	.header_top .mobile_menu_close .bar03{width:20px;height:2px;background:#fff;margin:6px auto 0;}	
	.header_top .mobile_menu_close{float:right;border:1px solid #fff;width:30px;height:30px;margin:10px;}
}
@media screen and (min-width: 720px){
	.section_inner{width:100%; margin:0 auto;padding: 0 }
	.header_top .util {float:right; margin:0px 20px 6px 0}
	.header_bottom .gnb_area {}
	.mobile_gnb_box{display:none;}
	.header_top .mobile_menu_close{display:none;}
}	
@media screen and (min-width: 1025px){
	.section_inner{width:1200px; margin:0 auto;padding:0;}
	.header_bottom .gnb_area {}
	.mobile_gnb_box{display:none;}
	.header_top .mobile_menu_close{display:none;}
}